body {
  background-color: #eff4fa; }

/* Header
---------------------------------------------*/
header {
  background-color: #fff;
  box-shadow: 0 0 50px #d9e3f5; }

.navbar-default {
  background-color: transparent;
  border: none;
  border-radius: 0; }

.navbar-default .navbar-toggle {
  border-color: #000; }

.navbar-collapse {
  background: #fff;
  box-shadow: 0 11px 10px #ccc; }

.details {
  background: #fff; }

.login {
  background: #fff; }

.edit {
  background: #fff; }

.details label {
  color: #aaa; }

h1 .fa,
h2 .fa,
h3 .fa {
  color: #3193AD; }

/* Lists
---------------------------------------------*/
.search input {
  background: #fff;
  border: 1px solid #ccc; }

.list > div > .scroll-repeat-item,
.list > .modelItem {
  background-color: #f5f9ff; }

.list > div > .scroll-repeat-item:nth-child(odd),
.list > div:nth-child(odd) {
  background-color: #fbfdff; }

.btn-default {
  background-color: #303247;
  border: none;
  transition: all 0.2s ease 0s;
  color: #fff; }

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
  background-color: #3193AD;
  color: #fff; }

.btn-primary {
  background-color: #3193AD;
  border: none;
  transition: all 0.2s ease 0s;
  color: #fff; }

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #303247; }

/* Datepicker Popup Buttons */
.uib-datepicker .btn-default {
  background: #fff;
  border: 1px solid #ccc;
  color: #000; }

.uib-datepicker .btn-info.active .text-info {
  color: #fff; }

.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
  background-color: #3193AD;
  border-color: #3193AD;
  color: #fff; }

.input-group-addon {
  background: #fff; }

.input-group-addon .fa-search {
  color: #3193AD; }

/* Form Elements
---------------------------------------------*/
.form-control {
  background: #fff;
  box-shadow: none; }

.edit .form-control {
  background: #eff4fa; }

.custom-checkbox > [type="checkbox"]:not(:checked) + label:before,
.custom-checkbox > [type="checkbox"]:not(:checked):focus + label:before,
.custom-checkbox > [type="checkbox"]:not(:checked):active + label:before {
  border: none;
  background: #fff;
  border: 1px solid #303247; }

.custom-checkbox > [type="checkbox"]:checked + label:before {
  border: none;
  background: #303247;
  border-radius: 3px;
  border: 1px solid #303247; }

.custom-checkbox > [type="checkbox"]:not(:checked) + label:after,
.custom-checkbox > [type="checkbox"]:checked + label:after {
  color: #3193AD;
  x-transition: all .2s;
  border: 1px solid #303247 !important; }

.custom-checkbox > [type="checkbox"][data-indeterminate] + label:after,
.custom-checkbox > [type="checkbox"][data-indeterminate] + label:after {
  content: '\2212';
  border: 1px solid #303247 !important; }

.custom-checkbox > [type="checkbox"]:disabled:not(:checked) + label:before,
.custom-checkbox > [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  background-color: #eeeeee;
  border-color: #eeeeee;
  cursor: not-allowed;
  opacity: 1;
  color: #dadada;
  border: 1px solid #303247 !important; }

.custom-checkbox > [type="checkbox"]:disabled:checked + label:after {
  color: #dadada;
  cursor: not-allowed;
  border: 1px solid #303247 !important; }

.custom-checkbox > [type="checkbox"]:disabled + label {
  color: #aaa;
  cursor: not-allowed; }

.custom-checkbox > [type="checkbox"]:checked:focus + label:before,
.custom-checkbox > [type="checkbox"]:not(:checked):focus + label:before {
  border: 1px solid #303247 !important;
  /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);*/ }

.custom-checkbox > label:before,
.custom-checkbox > label:hover:before,
.custom-checkbox > label:active:before,
.custom-checkbox > label:focus:before {
  border: 1px solid #303247 !important; }

.custom-checkbox > [type="checkbox"]:disabled:not(:checked) + label:hover:before,
.custom-checkbox > [type="checkbox"]:disabled:not(:checked) + label:active:before,
.custom-checkbox > [type="checkbox"]:disabled:not(:checked) + label:focus:before,
.custom-checkbox > [type="checkbox"]:disabled:checked + label:hover:before,
.custom-checkbox > [type="checkbox"]:disabled:checked + label:active:before,
.custom-checkbox > [type="checkbox"]:disabled:checked + label:focus:before {
  border: 1px solid #303247 !important; }

/* Select */
select {
  border: none;
  border-radius: 10px;
  box-shadow: none;
  color: #000 !important;
  /* New Arrow */
  background-image: linear-gradient(45deg, transparent 50%, #303247 50%), linear-gradient(135deg, #303247 50%, transparent 50%) !important;
  background-position: calc(100% - 15px) calc(15px + 0px), calc(100% - 10px) calc(15px + 0px), calc(100% - 2.5em) 0.5em !important;
  background-size: 5px 6px,
 5px 6px,
 1px 1.5em !important;
  background-repeat: no-repeat !important; }

option {
  color: #000 !important; }

option:first-child {
  color: #000 !important; }

.input-group-addon:last-child {
  border-left: 1px solid #ccc; }

/* Modal */
.modal-backdrop {
  background-color: #fff; }

.modal-backdrop.in {
  opacity: 0.75; }

.modal-header h2 {
  color: #68e899; }

.modal-content {
  border: 1px solid rgba(100, 100, 100, 0.2);
  border-radius: 3px;
  box-shadow: 0 0 20px rgba(100, 100, 100, 0.5);
  padding: 50px; }

.callOptions {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: 0 0 10px #aaa; }

.bg-danger {
  background-color: #f2dede !important; }

.zebraStripedRowsWrapper > .row:nth-of-type(even) {
  background-color: #f2f5f9; }

.bg-fill {
  background-color: #f2f5f9; }

.blue-color {
  color: #303247; }